<template>
<div class="retiu0002">
    <div class="mend" v-for="item in retiulist[1][1]" :key="item.id">
        <div class="left">
            <img :src="item.imgUrl">
        </div>
        <div class="ri">
            <p class="te">{{item.tuan}}</p>
            <p class="zhek">{{item.jul}}</p>
            <p class="caim">{{item.caim}}</p>
            <span class="jiage">￥{{item.jiage}}</span>
            <span class="yuanj"><s>{{item.yuanj}}</s></span>

        </div>

    </div>
</div>
</template>

<script>
export default {
    name: 'retiu0002',
    props: {
        retiulist: Array
    },
    data() {
        return {
            ba: [],

        }
    },
    created() {
        this.f()

    },

    mounted() {
        // this.a()
    },
    methods: {
        f() {
            // console.log(this.$router.history.current.params.aid)
            // console.log(this.$router.history.current.meta.flag)
            // console.log(this.$router)
            // console.log(this.$store.state.login)

        },

    },
}
</script>

<style scoped>
.sy {
    width: 100%;
    height: 500px;
    background-color: #fff;
    position: absolute;
    top: 700px;
}

.retiu0002 {
    position: relative;
    top: 100px;
    overflow: hidden;
    width: 100%;
    background-color: rgb(233, 233, 233);
    margin-bottom: 40px;

}

.mend {
    width: 46%;
    height: 100%;
    position: relative;
    left: 2.5%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;

}

.left {
    width: 100%;
}

.left img {
    width: 100%;
    height: 100px;
    border-radius: 10px;
}

.ri {
    margin-top: 2%;
    margin-bottom: 2%;

}

p {
    font-size: 10px;
    color: rgb(129, 129, 129);
    margin-top: 1%;
    margin-left: 2%;

}

.te {
    position: absolute;
    top: -5px;
    right: -2px;
    font-size: 10px;
    color: rgb(0, 0, 0);
    width: 20%;
    height: 22px;
    line-height: 22px;
    background-color: chocolate;
    padding-left: 7%;
    border-radius: 8px;
}

.zhek {
    width: 30%;
    background-color: rgba(0, 0, 0, 0.534);
    color: rgb(255, 255, 255);
    padding: 2px;
    position: absolute;
    top: 54%;
    left: 10px;
    border-radius: 8px;
    padding-left: 5%;
}

.caim {
    color: black;
    margin: 5px 2px 5px 5px;
}

span {
    margin-left: 8px;
}

.jiage {
    font-size: 17px;
    color: red;
    font-weight: bold;
}

.yuanj {
    text-decoration: line-through;
    font-size: 13px;
}
</style>
